doctype html
html(lang='en')
  head
    meta(charset='utf-8')
    meta(name='viewport', content='initial-scale=1.0, width=device-width, \
      height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no')
    link(rel='stylesheet', href='//cdn.jsdelivr.net/normalize/3.0.1/normalize.min.css')
    link(rel='stylesheet', href='/stylesheets/style.css')    
  body
   div
    h1 xChat
    dl 
    ul#messages
      - for(var i=0,ln=messages.length-1;ln>=i;ln--)      
        li
          .header.clearfix
            .who= messages[ln].nickname +" :  "
            .when= new Date(messages[ln].when).toString().substr(0, 24)
          .msg= messages[ln].msg
    dl
    form
      input(id='msg', autocomplete='off', autofocus)
      button(type='submit') Send

    script(src='//cdn.jsdelivr.net/jquery/2.1.1/jquery.min.js')
    script(src='/socket.io/socket.io.js')
    script(src='/javascripts/client.js')
